/*************************** GENERAL **************************************/
body {
    background: #8ebf9a;
    width: 900px;
    margin: 30px auto;
    font-family: helvetica,sans-serif;
}
/*************************** END of GENERAL **************************/

/*************************** PIGGY BANK ************************************/

.bank-cash{
    position: absolute;
    top:75%;
    left: 20%;
}

.bank-cash-txt {
    display: block;
    font-family: "Arial Black", sans-serif;
    font-size: 18px;
    font-weight: bolder;
    padding-top: 10px;
    text-shadow: 1px 1px 1px #FFFFFF;
    margin: 0;
}

/*************************** END of PIGGY BANK **************************/

/*************************** PLAYER PANEL **************************/
.playerpanel{
    position: absolute;
    top:10%;
    right:15%
}

.playertitle {
    display: block;
    font-family: helvetica,sans-serif;
    font-size: 21px;
    font-weight: bolder;
    padding-top: 10px;
    text-align: center;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.dotted-border {
    border-bottom: 1px dotted #CCC;
    display: block;
    clear:both;
    padding: 5px 0;
}

.playerminititle{
    font-family: helvetica,sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
}

.players-list{
    list-style: none outside none;
    margin-left: 10px;
    padding: 0;
    margin-bottom: 0;
}

.players-list li{
    background: url("../img/arrow.png") no-repeat scroll 0 0 transparent;
    font-family: helvetica,sans-serif;
    font-size: 12px;
    padding-left: 18px;
    line-height: 16px;
}

.players-cash{
    display: block;
    font-family: helvetica,sans-serif;
    font-size: 20px;
    font-weight: bolder;
    padding-top: 10px;
    text-align: center;
    text-shadow: 1px 1px 1px #FFFFFF;
}

.players-cash-text{
    display: block;
    font-family: helvetica,sans-serif;
    font-size: 10px;
    text-align: center;
}
#playerColor{
    width: 128px;
    height: 128px;
}

#playerColor.player1{
    background: url("../img/player_brown.png") no-repeat scroll 0 0 transparent;
}

#playerColor.player2{
    background: url("../img/player_blue.png") no-repeat scroll 0 0 transparent;
}

#playerColor.player3{
    background: url("../img/player_green.png") no-repeat scroll 0 0 transparent;
}

#playerColor.player4{
    background: url("../img/player_purple.png") no-repeat scroll 0 0 transparent;
}

#playerColor.player5{
    background: url("../img/player_red.png") no-repeat scroll 0 0 transparent;
}

#playerColor.player6{
    background: url("../img/player_turkiz.png") no-repeat scroll 0 0 transparent;
}
/***************************END of PLAYER PANEL **************************/

/*************************** DIALOG **************************/

.dialog-back{	
    background: none repeat scroll 0 0 #AAD1B3;
    margin: auto;
    padding: 20px;
    width: 530px;
}

.flag-icon{
    float: left;
    margin-right: 10px;
}

img.flag-icon{
    width: 64px;
    height: 64px;
}

.dialog-h2-title{
    font-family: helvetica,sans-serif;
    font-size: 21px;
    font-weight: bolder;
    margin: 0;
    padding: 0;
}

#questDialog{
    background: #ABD5A3  url(../img/question.png) no-repeat;
    border: 1px;
    border-color: black;
}

#dicesDialog{
    background: #ABD5A3  url(../img/dices.png) no-repeat;
    border: 1px;
    border-color: black;
}

#resignDialog{
    background: #ABD5A3  url(../img/defplayer.png) no-repeat;
    border: 1px;
    border-color: black;
}

.dialog div.question,
.dialog div.dialogMessage{
    margin-left: 150px;
    font-size:150%;
    padding:20px;
}

#resign
{
    width: 30px;
    top:25%;
    left:18%;
    position:absolute;
}


.dialog-question{
    margin-top: 0;
    margin-left: 150px;
    font-size:150%;
    padding:20px;
}

.dialog-mini-title{
    font-family: helvetica,sans-serif;
    font-size: 14px;
    font-weight: bolder;
    margin: 0;
    padding: 0;
    letter-spacing: 3px;
}

.dialog-asset-name {
    float: left;
    width: 40%;
}

.dialog-buttons {
    float: right;
}

.dialog-button{	
    background: none repeat scroll 0 0 #A0CFAB;
    border: 1px solid #BBDFC3;
    display: block;
    float: left;
    padding: 10px 40px;
    font-family: helvetica,sans-serif;
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
    text-shadow: 1px 1px 1px #FFFFFF;
    color:black;
    margin-right: 10px;
}
/*************************** END of DIALOG **************************/

/*************************** Players Lists **************************/

.player-icons-list{
    list-style: none;
}
.player-icon{
    float:left;
}
/*************************** END of Players Lists **************************/

/*************************** Assets and buttons panel **************************/
.dialog-back-left{	
    background: none repeat scroll 0 0 #AAD1B3;
    /*  margin: auto;*/
    padding: 20px;
    width: 355px;
    margin-bottom:15px;
}

.dialog-back-left2{	
    background: none repeat scroll 0 0 #AAD1B3;
    /*  margin: auto;*/
    padding: 8px 20px;
    width: 355px;
    margin-bottom:15px;
}

.owner-text{
    font-family: helvetica,sans-serif;
    font-size: 11px;
}

.prices-table {
    width: 50%;
    clear: both;
}

.left{
    clear: left;
    float: left;
    font-family: helvetica,sans-serif;
    font-size: 12px;
    padding-left: 10px;
    line-height: 16px;
}
.right {
    clear: right;
    float: right;
    font-family: helvetica,sans-serif;
    font-size: 12px;

    line-height: 16px;
}

.left-panel-icon {
    float: left;
    margin-right: 15px;
}

.left-panel-title{
    margin: 0;
    font-family: helvetica,sans-serif;
    font-size: 28px;
    font-weight: bolder;
    padding-top: 10px;
    text-shadow: 1px 1px 1px #FFFFFF;
}

/*************************** END of Assets and buttons panel **************************/

/*************************** Player individual background color **************************/

/*Brown Player*/
.player1-asset{
    background-color:#FFB52B!important;
}
/*Blue Player*/
.player2-asset{
    background-color:#1C71FF!important;
}
/*Green Player*/
.player3-asset{
    background-color:#C1FF33!important;
}
/*Purple Player*/
.player4-asset{
    background-color:#CC33FF!important;
}
/*Red Player*/
.player5-asset{
    background-color:#FF803C!important;
}
/*Turkiz Player*/
.player6-asset{
    background-color:#42FFF1!important;
}

#player1,
#player2,
#player3,
#player4,
#player5,
#player6{
    background:transparent url(../img/player_brown.png) no-repeat center center;
    width:32px;
    height:32px;
    position:absolute;
    background-size: 100%
}

#player2{
    background-image:url(../img/player_blue.png);
}
#player3{
    background-image:url(../img/player_green.png);
}
#player4{
    background-image:url(../img/player_purple.png);
}
#player5{
    background-image:url(../img/player_red.png);
}
#player6{
    background-image:url(../img/player_turkiz.png);
}

/*************************** END of Player individual background color **************************/

/*************************** RESIGN BUTTON **************************/
#resign
{
    width: 30px;
    top:25%;
    left:18%;
    position:absolute;
}

.click-button{
    background: none repeat scroll 0 0 #A88AF0;
    border: 1px solid #BBDFC3;
    display: block;
    float: left;
    padding: 10px 10px;
    font-family: helvetica,sans-serif;
    font-size: 12px;
    font-weight: bolder;
    text-align: center;
    text-shadow: 1px 1px 1px #FFFFFF;
    color:black;
    margin-right: 10px;
}

/*************************** END of RESIGN BUTTON **************************/